<template>
    <div class="mj-version">
        <editor-title title="版本选择" tips="指定生成模型的版本" required />

        <el-select
            v-model="currentVersion"
            placeholder="请选择版本"
            class="w-full mt-[8px]"
            size="large"
        >
            <el-option
                v-for="(item, key) in versions"
                :key="item"
                :label="item"
                :value="key"
            />
        </el-select>
    </div>
</template>

<script setup lang="ts">
import { useVModels } from '@vueuse/core'
import editorTitle from './editor-title.vue'

const emits = defineEmits<{
    (event: 'update:modelValue', value: string): void
}>()

const props = withDefaults(
    defineProps<{
        modelValue: any;
    }>(),
    {}
)

const { modelValue: currentVersion } = useVModels(props, emits)

const versions = ref({
    'chirp-v3-5': 'v3.5',
    'chirp-auk': 'v4.5',
    'chirp-v4': 'v4'
})
</script>
